<template>
	<view>
		<view class="tab_box">
			<view @click="qh(1)" :class="sta == 1?'tab1 active':'tab1'">贷款信息</view>
			<view @click="qh(2)" :class="sta == 2?'active':''">车商信息</view>
			<!-- <view @click="qh(3)" :class="sta == 3?'tab2 active':'tab2'">附件信息</view> -->
			<view @click="qh(4)" :class="sta == 4?'tab2 active':'tab2'">车辆评估报告</view>
			<view @click="qh(5)" :class="sta == 5?'tab1 active':'tab1'">贷前反欺诈</view>
			<view @click="qh(6)" :class="sta == 6?'tab2 active':'tab2'">风控审批</view>
		</view>
		<!-- 贷款信息 -->
		<view v-if="sta == 1" class="bigbox">
			<view>
				<view class="box2" v-for="item in list1">
					<view>{{item.query02}}</view>
					<input v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
			<view class="fot1">客户信息</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view>
				<view class="box2" v-for="item in list2">
					<view>{{item.query02}}</view>
					<input style="text-align: right;" v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
			<view class="fot1">工作信息</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view>
				<view class="box2" v-for="item in list3">
					<view>{{item.query02}}</view>
					<input v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
			<view class="fot1">联系人信息</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view>
				<view class="box2" v-for="item in list4">
					<view>{{item.query02}}</view>
					<input v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
			<view class="fot1">配偶信息</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view>
				<view class="box2" v-for="item in list5">
					<view>{{item.query02}}</view>
					<input v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
			<view class="fot1">担保人信息</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view style="margin-bottom: 30rpx;">
				<view class="box2" v-for="item in list6">
					<view>{{item.query02}}</view>
					<input v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
		</view>
		<!-- 车商信息 -->
		<view v-if="sta == 2" class="bigbox">
			<view class="fot1">车商信息</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view style="margin-bottom: 30rpx;">
				<view class="box2" v-for="item in list7">
					<view>{{item.query02}}</view>
					<input v-model="item.query07" type="text" placeholder="请输入">
				</view>
			</view>
		</view>
		<!-- 附件信息 -->
		<view v-if="sta == 3" class="bigbox">
			<!-- <view class="bj_box">
				<view @click="bj_sta=true">编辑</view>
				<view @click="bj_sta=false">确认</view>
			</view> -->
			<view v-for="item in img1">
				<view class="fot1">{{item.query03}}</view>
				<view class="box1">
					<view>
						<view class="fot3">基础信息（必填）</view>
					</view>
				</view>
				<view class="img_box">
					<view class="img_box1"  v-for="(item1,index) in item.query05">
						<image 
							v-if="item.query05 == null" 
							:src="item.query07"
							class="active1"
							>
						</image>
						<!-- @click="uploading(item,index)" -->
						<image 
							v-if="item.query05 != null"
							:src="item1" 
							class="active1"
							>
						</image>
						<view :class="item.query05.length-1 != index?'zhezhao':'zhezhao1'" @click="shan(item,index)" v-if="bj_sta">
							<image class="" src="../../static/83.png"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="btn1">
				<view class="all_btn btn_all" @click="xiayibu()">保存</view>
				<view class="all_btn btn_all" @click="tijiao()">提交</view>
			</view> -->
		</view>
		<!-- 车辆评估报告 -->
		<view v-if="sta == 4" class="bigbox">
			<view  class="fot1">请到外部浏览文件</view>
		</view>
		<!-- 贷前反欺诈 -->
		<view v-if="sta == 5" class="bigbox">
			<view  class="fot1">请到外部浏览文件</view>
			<view class="w_box1" v-for="item in item1">
				<view>{{item.bdName}}</view>
				<view class="ht_box4" @click="xiazai(item.bdvalue)">下载</view>
			</view>
		</view>
		<!-- 风控审批 -->
		<view v-if="sta == 6" class="bigbox">
			<!-- list9 -->
			<view class="fot1">审批操作</view>
			<view class="box1">
				<view>
					<view class="fot3">基础信息（必填）</view>
				</view>
			</view>
			<view v-for="(item,index) in list9">
				<view class="w_box box2" v-if="item.query03 != 'textarea'">
					<view>{{item.query02}}</view>
					<input v-if="item.query03 == 'text'" v-model="item.query07" type="text" placeholder="请输入">
					<wType :dat="{type:'select',num:index,item:item}" @w_xl="w_xl" v-if="item.query03 == 'select'"></wType>
				</view>
				<view v-else class="w_fot">
					<view class="w_fot1">{{item.query02}}</view>
					<wType :dat="{type:'textarea',num:index,item:item}" @textarea="textarea" v-if="item.query03 == 'textarea'"></wType>
				</view>
			</view>
			<view class="all_btn" @click="tsp()" style="margin: 30rpx 0;">提审批结果</view>
			<view v-if="false">
				<view class="fot1">审批操作</view>
				<view class="box1">
					<view>
						<view class="fot3">基础信息（必填）</view>
					</view>
				</view>
				<view>
					<view class="box2">
						<view>客户姓名</view>
						<input v-model="a1" type="text" placeholder="请输入">
					</view>
					<view class="box2">
						<view>授信金融</view>
						<input v-model="a2" type="text" placeholder="请输入">
					</view>
					<view class="box2">
						<view>质押率</view>
						<picker @change="xl1" :value="index1" :range="b1"  class="xlk">
							<view class="uni-input">{{b1[index1]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>授信期数</view>
						<picker @change="xl2" :value="index2" :range="b2" class="xlk">
							<view class="uni-input">{{b2[index2]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>利率</view>
						<picker @change="xl3" :value="index3" :range="b3" class="xlk">
							<view class="uni-input">{{b3[index3]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>付款方式</view>
						<picker @change="xl4" :value="index4" :range="b4" class="xlk">
							<view class="uni-input">{{b4[index4]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>还款方式</view>
						<picker @change="xl5" :value="index5" :range="b5" class="xlk">
							<view class="uni-input">{{b5[index5]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>需补充</view>
						<picker @change="xl6" :value="index6" :range="b6" class="xlk">
							<view class="uni-input">{{b6[index6]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>风控措施</view>
						<picker @change="xl7" :value="index7" :range="b7" class="xlk">
							<view class="uni-input">{{b7[index7]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>GPS安装</view>
						<picker @change="xl8" :value="index8" :range="b8" class="xlk">
							<view class="uni-input">{{b8[index8]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>审批状态</view>
						<picker @change="xl9" :value="index9" :range="b9" class="xlk">
							<view class="uni-input">{{b9[index9]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>提交下一级审批</view>
						<picker @change="xl10" :value="index10" :range="b10" class="xlk">
							<view class="uni-input">{{b10[index10]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>签约方式</view>
						<picker @change="xl11" :value="index11" :range="b11" class="xlk">
							<view class="uni-input">{{b11[index11]}}</view>
						</picker>
					</view>
					<view class="box2">
						<view>银行评分</view>
						<input v-model="a3" type="text" placeholder="请输入">
					</view>
					<view class="box2">
						<view>百融评分</view>
						<input v-model="a4" type="text" placeholder="请输入">
					</view>
					<view class="box2">
						<view>蓝本评估</view>
						<input v-model="a5" type="text" placeholder="请输入">
					</view>
					<view class="box2" style="border: none;">
						<view>审批备注</view>
					</view>
					<textarea value="" v-model="a6" placeholder="请输入" />
					<!-- <view class="box2">
						<view>审批意见</view>
						<input v-model="a7" type="text" placeholder="请输入">
					</view> -->
					<view class="all_btn" @click="tsp()" style="margin: 30rpx 0;">提审批结果</view>
				</view>
			</view>
		</view>
		<tanchuang v-if="tc_tijiao"  @tcnr="tanchuaung_nr" @tcgb="tanchuaung_gb"></tanchuang>
	</view> 
</template>

<script>
	import tanchuang from '../../component/tanchuang.vue'
	import wType from '../../component/type.vue'
	export default {
		data() {
			return {
				item1:[],
				item:[],
				tc_tijiao:false,
				b1: [],
				b2: [],
				b3: [],
				b4: [],
				b5: [],
				b6: [],
				b7: [],
				b8: [],
				b9: [],
				b10: [],
				b11: [],
				b12: [],
				index1: 0,
				index2: 0,
				index3: 0,
				index4: 0,
				index5: 0,
				index6: 0,
				index7: 0,
				index8: 0,
				index9: 0,
				index10: 0,
				index11: 0,
				index12: 0,
				bj_sta:false,
				sta:6,
				list1:[],//贷款信息
				list2:[],
				list3:[],
				list4:[],
				list5:[],
				list6:[],
				list7:[],
				list8:[],
				list9:[],
				img1:[],
				img2:[],
				allUrl:'',
				viewerUrl:'',
				filePath1:'',
				filePath2:'',
				a1:'',
				a2:'',
				a3:'',
				a4:'',
				a5:'',
				a6:'',
				a7:'',
			}
		},
		watch:{
			sta:function(){
				if(this.sta == 4){
					this.initial('车辆评估报告',3)
				}
				if(this.sta == 5){
					// this.initial('贷前反欺诈',3)
					console.log(JSON.parse(this.item.data10).result,22222)
					this.item1 = JSON.parse(this.item.data10).result
					
					// this.img2 = res.data.result.records[0]
					// console.log(res.data.result.records[0].query05)
					// let a = res.data.result.records[0].query05
					// uni.downloadFile({
					//   url: a,
					//   success: function (res) {
					//     var filePath = res.tempFilePath;
					// 	uni.openDocument({
					// 	  filePath: filePath,
					// 	  success: function (res) {
					// 	    console.log('打开文档成功');
					// 	  }
					// 	});
					//   }
					// });
				}
			}
		},
		components:{tanchuang,wType},
		onLoad:function(option) {
			this.id = JSON.parse(option.item).id
			this.item = JSON.parse(option.item)
			console.log(JSON.parse(option.item),9999)
			this.initial_1()
			this.initial('贷款信息',1)
			this.initial('客户信息',1)
			this.initial('工作信息',1)
			this.initial('联系人信息',1)
			this.initial('配偶信息',1)
			this.initial('担保人信息',1)
			this.initial('车商信息',1)
			this.initial('',2)
			this.initial('风控审批',1)
			this.shujuType('zyl')
			this.shujuType('sxqs')
			this.shujuType('ll')
			this.shujuType('fkfs')
			this.shujuType('hkfs')
			this.shujuType('xbc')
			this.shujuType('fkcs')
			this.shujuType('gpsaz')
			this.shujuType('spzt')
			this.shujuType('tjxyjsp')
			this.shujuType('qyfs')
		},
		methods: {
			xiazai:function(url){
				uni.downloadFile({
				  url: url,
				  success: function (res) {
				    var filePath = res.tempFilePath;
					uni.openDocument({
					  filePath: filePath,
					  success: function (res) {
					    console.log('打开文档成功');
					  }
					});
				  }
				});
			},
			// w_rq:function(e){
			// 	console.log(e)
			// 	this.list9.forEach((item)=>{
			// 		item.data.forEach((item1)=>{
			// 			if(e.item.id == item1.id){
			// 				item1.query07 = e.name
			// 			}
			// 			console.log(item1)
			// 		})
			// 	})
			// },
			textarea:function(e){
				console.log(e,99999999)
				this.list9.forEach((item)=>{
					// item.data.forEach((item1)=>{
						// console.log(item1)
						if(e.id == item.id){
							console.log(item,5555)
							item.query07 = e.name
						}
					// })
				})
			},
			tanchuaung_gb:function(data){
				this.tc_tijiao = false;
				this.initial()
			},
			tanchuaung_nr:function(data){
				this.$post('buse/fxjBuse_02/addFxjBuseitem_09',{
					rid:this.id,
					query02:data.spjg,
					query03:data.spyj,
					query05:data.nbyj
				}).then((res)=>{
					console.log(res.data,7777)
					if(res.data.success){
						this.tc_tijiao = false;
						uni.showToast({
							title:'提交成功',
							icon:'none'
						})
						setTimeout(()=>{
							uni.navigateBack({
							    delta: 1
							});
						},1000)
					}else if(!res.data.success){
						uni.showToast({
							title: res.data.message,
							icon:'none'
						})
					}
				})
			},
			w_xl:function(e){
				console.log(e,this.list9)
				this.list9.forEach((item)=>{
					if(e.item.id == item.id){
						item.query07 = e.name
						console.log(this.list9,789)
					}
				})
			},
			tsp:function(){
				this.$put('buse/fxjBuse_02/edit08',{
						"createBy": "",
						"createTime": "",
						"data01": "",
						"data02": "",
						"data03": "",
						"data04": "",
						"data05": "",
						"data06": "",
						"data07": "",
						"data08": "",
						"data09": "",
						"data10": "",
						fxjBuseitem_08List:this.list9,
						"id": "",
						"query01": "",
						"query02": "",
						"query03": "",
						"query04": "",
						"query05": "",
						"query06": "",
						"query07": "",
						"query08": "",
						"query09": "",
						"query10": "",
						"query11": "",
						"query12": "",
						"query13": "",
						"query14": "",
						"query15": "",
						"query16": "",
						"query17": "",
						"query18": "",
						"query19": "",
						"query20": "",
						"query21": "",
						"query22": "",
						"query23": "",
						"query24": "",
						"query25": "",
						"query26": "",
						"query27": "",
						"query28": "",
						"query29": "",
						"query30": "",
						"query31": "",
						"query32": "",
						"query33": "",
						"query34": "",
						"query35": "",
						"query36": "",
						"query37": "",
						"query38": "",
						"query39": "",
						"rid": "",
						"rowStatus": "",
						"sysOrgCode": "",
						"teantId": "",
						"updateBy": "",
						"updateTime": ""
				}).then((res)=>{
					if(res.data.success){
						this.tc_tijiao = true;
					}
				})
				
			},
			shujuType:function(type){
				this.$get('sys/dict/getDictItems/' + type).then((item)=>{
					// console.log(item.data.result)
					if(type == 'zyl'){
						item.data.result.forEach((item)=>{
							this.b1.push(item.title)
						})
					}else if(type == 'sxqs'){
						item.data.result.forEach((item)=>{
							this.b2.push(item.title)
						})
					}else if(type == 'll'){
						item.data.result.forEach((item)=>{
							this.b3.push(item.title)
						})
					}else if(type == 'fkfs'){
						item.data.result.forEach((item)=>{
							this.b4.push(item.title)
						})
					}else if(type == 'hkfs'){
						item.data.result.forEach((item)=>{
							this.b5.push(item.title)
						})
					}else if(type == 'xbc'){
						item.data.result.forEach((item)=>{
							this.b6.push(item.title)
						})
					}else if(type == 'fkcs'){
						item.data.result.forEach((item)=>{
							this.b7.push(item.title)
						})
					}else if(type == 'gpsaz'){
						item.data.result.forEach((item)=>{
							this.b8.push(item.title)
						})
					}else if(type == 'spzt'){
						item.data.result.forEach((item)=>{
							this.b9.push(item.title)
						})
					}else if(type == 'tjxyjsp'){
						item.data.result.forEach((item)=>{
							this.b10.push(item.title)
						})
					}else if(type == 'qyfs'){
						item.data.result.forEach((item)=>{
							this.b11.push(item.title)
						})
					}
				})
			},
			 xl1: function(e) {this.index1 = e.target.value},
			 xl2: function(e) {this.index2 = e.target.value},
			 xl3: function(e) {this.index3 = e.target.value},
			 xl4: function(e) {this.index4 = e.target.value},
			 xl5: function(e) {this.index5 = e.target.value},
			 xl6: function(e) {this.index6 = e.target.value},
			 xl7: function(e) {this.index7 = e.target.value},
			 xl8: function(e) {this.index8 = e.target.value},
			 xl9: function(e) {this.index9 = e.target.value},
			 xl10: function(e) {this.index10 = e.target.value},
			 xl11: function(e) {this.index11 = e.target.value},
			 xl12: function(e) {this.index12 = e.target.value},
			tijiao:function(){
				this.tc_tijiao = true
			},
			xiayibu:function(e){
				console.log(e)
				if(e == 3){
					let fxjBuseitem_08List = []
					this.list2.forEach((item)=>{
						item.data.forEach((item1)=>{
							item1.query12 = JSON.stringify(item1.query12)
							fxjBuseitem_08List.push(item1)
						})
					})
					let a1 = {fxjBuseitem_08List}
					console.log(a1)
					this.$put('buse/fxjBuse_02/edit08',{
							"createBy": "",
							"createTime": "",
							"data01": "",
							"data02": "",
							"data03": "",
							"data04": "",
							"data05": "",
							"data06": "",
							"data07": "",
							"data08": "",
							"data09": "",
							"data10": "",
							fxjBuseitem_08List:fxjBuseitem_08List,
							"id": "",
							"query01": "",
							"query02": "",
							"query03": "",
							"query04": "",
							"query05": "",
							"query06": "",
							"query07": "",
							"query08": "",
							"query09": "",
							"query10": "",
							"query11": "",
							"query12": "",
							"query13": "",
							"query14": "",
							"query15": "",
							"query16": "",
							"query17": "",
							"query18": "",
							"query19": "",
							"query20": "",
							"query21": "",
							"query22": "",
							"query23": "",
							"query24": "",
							"query25": "",
							"query26": "",
							"query27": "",
							"query28": "",
							"query29": "",
							"query30": "",
							"query31": "",
							"query32": "",
							"query33": "",
							"query34": "",
							"query35": "",
							"query36": "",
							"query37": "",
							"query38": "",
							"query39": "",
							"rid": "",
							"rowStatus": "",
							"sysOrgCode": "",
							"teantId": "",
							"updateBy": "",
							"updateTime": ""
					}).then((res)=>{
						console.log(res,1111111)
						if(res.data.success){
							this.sta = e
							this.list2.forEach((item)=>{
								item.data.forEach((item1)=>{
									item1.query12 = JSON.parse(item1.query12)
								})
							})
						}
					})
				}
				else if(e == undefined){
					let arr = this.list4
					let arr1
					// console.log(arr)
					arr.forEach((item,index)=>{
						let a = new Array(item.query05);
						let b = a.join(",");
						arr[index].query05 = b
						console.log(arr[index],555555)
						// console.log(b)
						// item.query05.forEach((item1)=>{
						// 	arr1 = item1 + ','
						// 	console.log(arr1)
						// })
					})
					this.$put('buse/fxjBuse_02/edit01',{
						"createBy": "",
						"createTime": "",
						"data01": "",
						"data02": "",
						"data03": "",
						"data04": "",
						"data05": "",
						"data06": "",
						"data07": "",
						"data08": "",
						"data09": "",
						"data10": "",
						fxjBuseitem_01List:this.list4,
						"id": "",
						"query01": "",
						"query02": "",
						"query03": "",
						"query04": "",
						"query05": "",
						"query06": "",
						"query07": "",
						"query08": "",
						"query09": "",
						"query10": "",
						"query11": "",
						"query12": "",
						"query13": "",
						"query14": "",
						"query15": "",
						"query16": "",
						"query17": "",
						"query18": "",
						"query19": "",
						"query20": "",
						"query21": "",
						"query22": "",
						"query23": "",
						"query24": "",
						"query25": "",
						"query26": "",
						"query27": "",
						"query28": "",
						"query29": "",
						"query30": "",
						"query31": "",
						"query32": "",
						"query33": "",
						"query34": "",
						"query35": "",
						"query36": "",
						"query37": "",
						"query38": "",
						"query39": "",
						"rid": "",
						"rowStatus": "",
						"sysOrgCode": "",
						"teantId": "",
						"updateBy": "",
						"updateTime": ""
					}).then((res)=>{
						console.log(res,1111111)
						if(res.data.success){
							
						}
					})
				}
				
			},
			// 删除
			shan:function(item,i){
				uni.showModal({
				title: '提示',
				content: '确认删除该图片？',
				success: function (res) {
					let arr = []
					if (res.confirm) {
						item.query05.forEach((item1)=>{
							console.log(item1)
							if(item1 != item.query05[i]){
								console.log(item1,111111)
								arr.push(item1)
							}
						})
						item.query05 = arr
						
						
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				},
				})
			},
			uploading:function(item,index){
				if(item.query05.length-1 == index){
					uni.chooseImage({
					    success: (chooseImageRes) => {
					        const tempFilePaths = chooseImageRes.tempFilePaths;
							this.img = tempFilePaths[0]
					        uni.uploadFile({
					            url: this.$headUrl + 'sys/common/upload',
					            filePath: tempFilePaths[0],
					            name: 'file',
								header:{
									'X-Access-Token': uni.getStorageSync('token')
								},
					            success: (res) => {
									// console.log(JSON.parse(res.data).message)
									if(JSON.parse(res.data).success){
										item.query05[index] = JSON.parse(res.data).message
										console.log(item.query05[index])
										item.query05.push()
										if(item.query05[item.query05.length - 1] != item.query07){
											item.query05.push(item.query07)
										}
										
									}
									console.log(item)
									
					            }
					        });
					    }
					});
				}else{
					console.log('删除')
				}
				
			},
			qh:function(e){
				this.sta = e
			},
			initial_1:function(){
				this.$get('buse/fxjBuse_02/listFxjBuseitem_10ByMainId',{
					pageNo:1,
					pageSize:999,
					rid:this.id
				}).then(res=>{
					this.a1 = res.data.result.records[0].query01
					this.a2 = res.data.result.records[0].query02
					this.b1[this.index1] = res.data.result.records[0].query03
					this.b2[this.index2] = res.data.result.records[0].query04
					this.b3[this.index3] = res.data.result.records[0].query05
					this.b4[this.index4] = res.data.result.records[0].query06
					this.b5[this.index5] = res.data.result.records[0].query07
					this.b6[this.index6] = res.data.result.records[0].query08
					this.b7[this.index7] = res.data.result.records[0].query09
					this.b8[this.index8] = res.data.result.records[0].query10
					this.b9[this.index9] = res.data.result.records[0].query11
					this.b10[this.index10] = res.data.result.records[0].query12
					this.b11[this.index11] = res.data.result.records[0].query13
					this.a3 = res.data.result.records[0].query14
					this.a4 = res.data.result.records[0].query15
					this.a5 = res.data.result.records[0].query16
					this.a6 = res.data.result.records[0].query17
					this.a7 = res.data.result.records[0].query18
					console.log(res.data.result.records,7777777)
				})
				
			},
			// 初始
			initial:function(arr,type){
				if(type == 1){
					this.$get('buse/fxjBuse_02/listFxjBuseitem_08ByMainId',{
						query10: arr,
						pageNo:1,
						pageSize:999,
						rid:this.id
					}).then((res)=>{
						if(arr == '贷款信息'){this.list1 = res.data.result.records}
						if(arr == '客户信息'){this.list2 = res.data.result.records}
						if(arr == '工作信息'){this.list3 = res.data.result.records}
						if(arr == '联系人信息'){this.list4 = res.data.result.records}
						if(arr == '配偶信息'){this.list5 = res.data.result.records}
						if(arr == '担保人信息'){this.list6 = res.data.result.records}
						if(arr == '车商信息'){this.list7 = res.data.result.records}
						if(arr == '风控审批'){this.list9 = res.data.result.records}
					})
				}else if(type == 2){
					this.$get('buse/fxjBuse_02/listFxjBuseitem_01ByMainId',{
						query03:arr,
						rid:this.id,
						pageSize:999
					}).then((res)=>{
						this.img1 = res.data.result.records
						this.img1.forEach((item)=>{
							console.log(item.query05)
							let arr = new Array;
							let dat
							arr = item.query05.split(",")
							item.query05 = arr
							dat =  item.query05[item.query05.length - 1]
							if(dat != item.query07){
								item.query05.push(item.query07)
							}
						})
					})
				}else if(type == 3){
					this.$get('buse/fxjBuse_02/listFxjBuseitem_01ByMainId',{
						query03:arr,
						rid:this.id,
						pageSize:999
					}).then((res)=>{
						this.img2 = res.data.result.records[0]
						console.log(res.data.result.records[0].query05)
						let a = res.data.result.records[0].query05
						uni.downloadFile({
						  url: a,
						  success: function (res) {
						    var filePath = res.tempFilePath;
							uni.openDocument({
							  filePath: filePath,
							  success: function (res) {
							    console.log('打开文档成功');
							  }
							});
						  }
						});
						
						
						
						
					})
				}
				
				
				
			}
		}
	}
</script>

<style>
	.ht_box4{
		margin-left: 10rpx;
		padding: 10rpx;
		box-sizing: border-box;
		border: 1px solid #0F77FE;
		border-radius: 10rpx;
		color: #FFFFFF;
		background-color: #0F77FE;
	}
	.ht_box3{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ht_box2{
		margin-left: 10rpx;
		padding: 10rpx;
		box-sizing: border-box;
		border: 1px solid #0F77FE;
		border-radius: 10rpx;
		color: #0F77FE;
	}
	.w_box1{
		height: 80rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #CCCCCC;
	}
	.w_fot1{
		margin: 30rpx 20rpx;
	}
	.w_fot{
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(0,0,0,1);
	}
	.w_box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	/* textarea{
		width: 100%;
		border: 1px solid #CCCCCC;
		border-radius: 10rpx;
		padding: 30rpx;
		box-sizing: border-box;
		margin: 30rpx 0;
	} */
	.xlk{
		width: 100%;
		text-align: right;
	}
	.btn1>view{
		width: 48%;
	}
	.btn1{
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		 margin: 30rpx 0;
	}
	.box1{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30rpx;
	}
	.bj_box>view{
		padding: 5rpx 10rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #0F77FE;
		color: #0F77FE;
		margin-left: 20rpx;
		border-radius: 8rpx;
	}
	.bj_box{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.zhezhao>image,.zhezhao1>image{
		width: 35rpx;
		height: 35rpx;
	}
	.zhezhao{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.zhezhao1{
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.img_box1>image{
		width: 100%;
		height: 150rpx;
		position: absolute;
		top: 0;
		left: 0;
	}
	.img_box1{
		width: 30%;
		height: 150rpx;
		margin-right: 3.3%;
		text-align: center;
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		position: relative;
		/* border: 1px solid red; */
		margin-bottom: 30rpx;
	}
	.img_box{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.zxj{
	    width: 36rpx;
	    height: 32rpx;
	    margin-left: 20rpx;
	}
	.w_box>input{
		text-align: right;
		font-size:30rpx;
	}
	.box2{
		height:88rpx;
		background:rgba(250,250,250,0.3);
		border:1px solid rgba(230,230,230,1);
		border-radius:10rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20rpx;
		box-sizing: border-box;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(0,0,0,1);
		margin-top: 20rpx;
	}
	.fot3{
		font-size:22rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(244,48,48,1);
	}
	.box1{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.fot1{
		margin-top: 30rpx;
		font-size:34rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(51,51,51,1);
		margin-bottom: 13rpx;
	}
	.active{
		background: #0F77FE;
		color: #FFFFFF !important;
	}
	.tab2{
		border-radius: 0 30rpx 30rpx 0;
	}
	.tab1{
		border-radius: 30rpx 0 0 30rpx;
	}
	.tab_box>view{
		width: 30%;
		height: 64rpx;
		margin-bottom: 20rpx;
		border: 1px solid #0F77FE;
		display: flex;
		justify-content: center;
		align-items: center;
		color: rgba(15, 119, 254, 1);
		font-size: 24rpx;
		font-family: PingFangSC-regular;
	}
	.tab_box{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.bigbox{
		padding: 0 30rpx;
		box-sizing: border-box;
	}
</style>
